﻿@import "../variables";

.msacademic .showAllGalleries { 

	.info																	{ font-style: italic; color: @grey-base; }
	.galleries																{ padding-top: 25px; }
	.galleries .empty														{ color: @border-base-color; font-style: italic; }
	.galleries .item														{ padding: 0 0 10px 0; }
	.galleries .item a														{ padding: 10px; display: block; border: 1px solid lighten(@border-base-color, 13%); }
	.galleries .item a:hover												{ border-color: @orange-base; }

}

.msacademic .showGallery	{

	width: 100%;
	
	 h3													{ font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 30px 0 15px 0; }

	.picture-manager-link								{ border-bottom: 1px dashed @border-base-color; margin-bottom: 15px; padding-bottom: 45px; }
	.picture-manager-link a								{ background-color: @green-base; display: block; color: white; .action-text-style;  }
	.picture-manager-link a i							{ padding-right: 10px; float: right; }
	.picture-manager-link a:hover						{ background-color: lighten(@green-base, 10%); }
	.picture-manager-link a:active						{ background-color: darken(@green-base, 10%); }	


	.pictures											{ }
	.pictures .empty									{ color: @border-base-color; font-style: italic; }
	.pictures .picture-item								{ width: 100%; padding: 20px 0;  }
	.pictures .picture-item	.pic						{ width: 100px; float: left; text-align: center; }							
	.pictures .picture-item	.pic img					{ max-width: 100%; max-height: 70px; }
	.pictures .picture-item .url						{ padding-left: 20px; float: left; width: 1020px;}

}

.msacademic .editGallery { 
	.forms										{ }
	.forms .field-validation-error				{ margin-bottom: 10px; }
	
	.forms input[type="file"]					{ padding: 0; border-bottom: 0; }
	.forms .actions-wrapper						{ padding-top: 15px; text-align: right; width: 100%; }
	.forms h3									{ font-weight: bold; text-transform: uppercase; color: @green-base; font-size: 12px; padding: 25px 0 10px 0; }
	.forms .note								{ font-style: italic; color: @orange-base; padding: 0px 0 10px 0; font-size: 11px;}
}
